<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="Reflect Template" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>Flexy Admin Login Page</title>
	<link rel="stylesheet" href="/assets/css/style_all.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="/assets/css/style1.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="/assets/css/jquery-ui.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="/assets/css/jquery.wysiwyg.css" type="text/css" media="screen" />
	<!--Internet Explorer Trancparency fix-->
	<!--[if IE 6]>
		<script src="js/ie6pngfix.js"></script>
		<script>
			DD_belatedPNG.fix('#head, a, a span, img, .message p, .click_to_close, .ie6fix');
		</script>
	<![endif]--> 
	<script type='text/javascript' src='/assets/js/jquery.js'></script>
	<script type='text/javascript' src='/assets/js/jquery-ui.js'></script>
	<script type='text/javascript' src='/assets/js/jquery.wysiwyg.js'></script>
	<script type='text/javascript' src='/assets/js/custom.js'></script>
</head>
<body>
	<!-- this is the content for the dialog that pops up on window start -->
	<div id="dialog" title="Welcome to RainCP">
	<p>Hello admin! welcome back.<br/> You got <strong>1 new Message</strong> in your inbox</p>
	<p>This is a messagebox, you can fill it with content of your choice ;)</p>
	</div>	
	<div id="top">
		<div id="head">
			<h1 class="logo">
				<a href="">flexypenis - adjustable admin penis</a>
			</h1>
			<div class="head_memberinfo">
				<div class="head_memberinfo_logo">
					<span>1</span>
					<img src="/assets/img/unreadmail.png" alt=""/>
				</div>
				<span class='memberinfo_span'>
					Welcome <a href="">Admin</a>
				</span>
				<span class='memberinfo_span'>
					<a href="">Settings</a>
				</span>
				<span>
					<a href="login.html">logout</a>
				</span>
				<span class='memberinfo_span2'>
					<a href="">1 Private Message recieved</a>
				</span>
			</div><!--end head_memberinfo-->
		</div><!--end head-->
		<div id="bg_wrapper">
			<div id="main">
				<div id="content">
					<div class="jquery_tab">
						<div class="content_block">
							<h2 class="jquery_tab_title">User Related</h2>
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">Account</span>
								<span>View, Edit, delete your account</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button2" href="#">
								<span class="dashboard_button_heading">sSub Users</span>
								<span>Manage Sub Users</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button3" href="#">
								<span class="dashboard_button_heading">Support</span>
								<span>Have a problem? here's the place</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button4" href="#">
								<span class="dashboard_button_heading">Billing</span>
								<span>Money, money and money</span>
							</a><!--end dashboard_button-->
							<h2>Informations and Settings</h2>
							<div class="content-box box-grey">
								<h4>Lorem ipsum</h4>
								<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>	
								<h4>Commodo consequat</h4>
								<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
							<div class="content-box box2">
								<h4>Consectetur adipisicing</h4>
								<p>Elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
								<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
						</div><!--end content_block-->
						</div><!-- end jquery_tab -->
						
						<div class="jquery_tab">
						<div class="content_block">
							<h2 class="jquery_tab_title">Server</h2>
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">Server List</span>
								<span>See all your servers</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button2" href="#">
								<span class="dashboard_button_heading">Monitoring</span>
								<span>Monitor all your servers</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button3" href="#">
								<span class="dashboard_button_heading">Start/Stop</span>
								<span>Start, Stop or Restart a server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button8" href="#">
								<span class="dashboard_button_heading">Auto Reboot</span>
								<span>Set a time to reboot automaticaly a server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">BackUp</span>
								<span>BackUp or Restore a server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button4" href="#">
								<span class="dashboard_button_heading">Reinstall</span>
								<span>Reinstall your server as new</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button5" href="#">
								<span class="dashboard_button_heading">Logs</span>
								<span>Want to see what happened to a server?</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button6" href="#">
								<span class="dashboard_button_heading">Voice Server</span>
								<span>Create, Manage, Delete a voice server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<p>----------------------ADMINISTRATION----------------------</p>
							<a class="dashboard_button button7" href="#">
								<span class="dashboard_button_heading two_lines">Suspend/Activate</span>
								<span>Close or Activate a server for a new client</span>
							</a><!--end dashboard_button-->
							<h2>Informations and Settings</h2>
							<div class="content-box box-grey">
								<h4>Lorem ipsum</h4>
								<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>	
								<h4>Commodo consequat</h4>
								<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
							<div class="content-box box2">
								<h4>Consectetur adipisicing</h4>
								<p>Elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
								<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
						</div><!--end content_block-->
						</div>
						
						<div class="jquery_tab">
						<div class="content_block">
							<h2 class="jquery_tab_title">Auto Installer</h2>
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">Games</span>
								<span>Install a games from the game list</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button2" href="#">
								<span class="dashboard_button_heading">Mods</span>
								<span>Install a mod from the mod list</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button3" href="#">
								<span class="dashboard_button_heading">Addons</span>
								<span>Metamod:Source, SourceMod, ManiAdmin, everything's here</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button8" href="#">
								<span class="dashboard_button_heading">Plugins</span>
								<span>Intall plugins for different Addons from here</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button4" href="#">
								<span class="dashboard_button_heading">Update</span>
								<span>Update an Addon, plugin, or even game files</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button5" href="#">
								<span class="dashboard_button_heading">Map Packs</span>
								<span>Add New maps to a server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button6" href="#">
								<span class="dashboard_button_heading">Model Packs</span>
								<span>Add new models to a server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">Sounds Packs</span>
								<span>Add sounds to a server</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading"></span>
								<span></span>
							</a><!--end dashboard_button-->
							<h2>Informations and Settings</h2>
							<div class="content-box box-grey">
								<h4>Lorem ipsum</h4>
								<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>	
								<h4>Commodo consequat</h4>
								<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
							<div class="content-box box2">
								<h4>Consectetur adipisicing</h4>
								<p>Elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
								<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
						</div><!--end content_block-->
						</div>

						<div class="jquery_tab">
						<div class="content_block">
							<h2 class="jquery_tab_title">FTP</h2>
							<table id="table_liquid" cellspacing="0">
							<caption>HDD's free space for each server</caption>
								<tr>
									<th class="spec">Server's name</th>
									<td>S-1</td>
									<td>S-2</td>
									<td>S-3</td>
									<td>S-4</td>
								</tr>
								<tr>
									<th class="specalt">Server's IP</th>
									<td class="alt">192.168.1.1:27010</td>
									<td class="alt">192.168.1.1:27020</td>
									<td class="alt">192.168.1.1:27030</td>
									<td class="alt">192.168.1.1:27040</td>
								</tr>
								<tr>
									<th class="spec">Free Space</th>
									<td>1/10 Gb</td>
									<td>2/10 Gb</</td>
									<td>3/10 Gb</</td>
									<td>4/10 Gb</</td>
								</tr>
							</table>
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">Access</span>
								<span>View or change your FTPs access</span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">In-Browser Access</span>
								<span></span>
							</a><!--end dashboard_button-->
							<a class="dashboard_button button1" href="#">
								<span class="dashboard_button_heading">Connect</span>
								<span>Connect to a server's FTP on filezilla from here</span>
							</a><!--end dashboard_button-->

						</div><!--end content_block-->
					</div><!--end jquery tab--> 
				</div><!--end content-->
			</div><!--end main-->
			<div id="sidebar">
						<ul class="nav">
							<li><a class="headitem item1" href="#">Dashboard</a>
								<ul class="opened"><!-- ul items without this class get hiddden by jquery-->
								<li><a href="#">Menu Manager</a></li>
								<li><a href="#">Script Pages</a></li>
								<li class="current"><a href="#">Plugin Manager</a></li>
								<li><a href="#">User Manager</a></li>
								</ul>
							</li>
							<li><a class="headitem item2" href="#">Settings</a>
								<ul>
								<li><a href="#">Post settings</a></li>
								<li><a href="#">User settings</a></li>
								<li><a href="#">Permalink Structure</a></li>
								</ul>							
							</li>
							<li><a class="headitem item4" href="#">Edit</a>
								<ul>
								<li><a href="#">Edit Posts</a></li>
								<li><a href="#">Edit Pages</a></li>
								<li><a href="#">Edit Links</a></li>
								<li><a href="#">Edit Menu Items</a></li>
								</ul>
							</li>
							<li><a class="headitem item5" href="#">Search Site</a>
								<ul>
								<li><a href="#">Basic Search</a></li>
								<li><a href="#">Advanced Search</a></li>
								<li><a href="#">Search Option</a></li>
								</ul>
							</li>
							<li><a class="headitem item6" href="#">Deleted Items</a>
								<ul>
								<li><a href="#">Content</a></li>
								<li><a href="#">Images</a></li>
								<li><a href="#">Audio</a></li>
								<li><a href="#">Video</a></li>
								<li><a href="#">PDF</a></li>
								<li><a href="#">Scripts</a></li>
								<li><a href="#">Other</a></li>
								</ul>
							</li>
						</ul><!--end subnav-->
						<div class="flexy_datepicker"></div>
						<ul>
							<li><a class="headitem item7" href="#">Task Manager</a>
								<ul>
									<li><a href="#">Write Blogpost</a></li>
									<li><a href="#">Script Pages</a></li>
									<li><a href="#">Meeting at 8.00</a></li>
								</ul>
							</li>
						</ul>
			</div><!--end sidebar-->
		</div><!--end bg_wrapper-->
		<div id="footer">
		</div><!--end footer-->
	</div><!-- end top -->
</body>
</html>